<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>库存管理 - 小型超市后台管理系统</title>
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="stylesheet" href="../css/style.css">
</head>
<body>
    <div class="header">
        <img src="../img/logo.png" class="logo" alt="logo">
        <span class="title">超市管理</span>
        <div class="nav">
            <span>后台管理</span>
            <span class="user">admin</span>
        </div>
    </div>
    <div class="sidebar">
        <ul>
            <li><a href="/page/admin.html">系统主页</a></li>
            <li><a href="/page/purchase.html">进货管理</a></li>
            <li><a href="/page/saleadmin.html">销售管理</a></li>
            <li class="active"><a href="/page/stock.html">库存管理</a></li>
            <li><a href="/page/memberadmin.html">会员管理</a></li>
            <li><a href="/page/stats.html">数据统计</a></li>
            <li><a href="/page/index.html">前台POS</a></li>
        </ul>
    </div>
    <div class="main">
        <div class="card">
            <h3>库存明细</h3>
            <table>
                <thead>
                    <tr><th>商品编号</th><th>商品名称</th><th>库存数量</th><th>状态</th><th>操作</th></tr>
                </thead>
                <tbody>
                    <!-- 库存明细数据行将由JS动态插入这里 -->
                </tbody>
            </table>
        </div>
        <div class="card">
            <h3>库存告警</h3>
            <p>自动提示库存过剩、少货、缺货等状态。</p>
        </div>
    </div>
    <script src="../js/stock-admin.js"></script>
</body>
</html> 